<div ng-controller="AdminSettingCtrl as vm">
    <section class="content-header">
        <!-- Content Header (Page header) -->
        <h1>
      Settings
      <small></small>
    </h1>
        <ol class="breadcrumb">
            <li>
                <!-- <button class="btn btn-danger btn-xs" ng-click="vm.saveTurnoverLeaderTable()"><i class="fa fa-check-square-o"></i>Submit</button> -->
            </li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title">Year & Month Configuration</h3>
                <small class="text-warning">{{vm.msg}}</small>
                <button class="btn btn-danger btn-xs pull-right" ng-click="vm.saveTable()"><i class="fa fa-check-square-o"></i>Save</button>
            </div>
            <div class="box-body table-responsive no-padding">
                
                <form class="form-inline">
                	<span>Select current year & month:</span>
                    <div class="form-group">
                        <select class="form-control" ng-options="div for div in years track by div" ng-model="vm.year" ng-change="vm.loadData()">
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" ng-options="div for div in months track by div" ng-model="vm.month">
                        </select>
                    </div>
                </form>
                <table class="table table-hover">
                    <form class="form-inline">
                        <table class="table table-bordered table-condensed">
                            <tr>
                                <th>Year </th>
                                <th>Month</th>
                                <th>Start Edit Date</th>
                                <th>End Edit Date</th>
                                <th>Manning Budget & Training Bedget Editable</th>
                            </tr>
                            <tr ng-repeat="ret in vm.currentYear">
                                <td>{{ret.year}} </td>
                                <td>{{ret.month}}</td>
                                <td>
                                    <input type="text" class="number-input" ng-model="ret.start" />
                                </td>
                                <td>
                                    <input type="text" class="number-input" ng-model="ret.end" />
                                </td>
                                <td>
                                    <input type="checkbox" ng-model="ret.annual" />
                                </td>
                            </tr>
                        </table>
                    </form>
                </table>
            </div>
            <!-- /.box-body -->
        </div>
        <!-- /.box -->
</div>
</section>
<!-- /.content -->
</div>
